<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>租赁详情页</title>
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/shop/css/dazong-XQ.css" />
		<link rel="stylesheet" href="{:_SKIN}/weixin/shop/css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_400457_coabqdikmu5trzfr.css"/>
		<link rel="stylesheet" type="text/css" href="{:_SKIN}/weixin/shop/css/font-icon.css"/>
		<script src="{:_SKIN}/weixin/shop/js/swiper-3.4.2.jquery.min.js"></script>
		<script src="{:_SKIN}/weixin/shop/js/swiper-3.4.2.min.js"></script>
		<style type="text/css">
			.swiper-pagination-bullet-active {
				background-color: #15ce67;
			}
		</style>
	</head>

	<body>
		<div class="content">
			<!--头部-->
			<div class="shop-0">
				<div class="xw_90">
					<a href="javascript:history.go(-1)">
						<i class="iconfont icon-fanhui zuo bai font_20"></i>
					</a>
					<h2 class="neilian">租赁</h2>
					<a href="{:url('index/index')}">
						<i class="iconfont icon-shouye you bai font_20"></i>
					</a>
				</div>
			</div>
			<!--展示图-->
			<div class="da-1">
				<img src="{$t.DefaultImage}" width="100%" />
			</div>
			<!--产品简介-->
			<div class="shop-5">
				<h3>|&nbsp;产品简介</h3>
			</div>
			<!--简介内容-->
			<div class="da-2">
				<div class="da-2-1">
					<div>商品类别：<span>{$t.ProductCategory}</span></div>
					<div>名称：<span>{$t.Title}</span></div>
					<div>租向区域：<span>{$t.LeaseProvince}{$t.LeaseCity}{$t.LeaseArea}</span></div>
					<div>周期：<span>{$t.LeaseDateNum}天</span></div>
					<div>联系人：<span>{$t.Contact}</span></div>
					<div>联系方式：<span>{$t.Mobile}</span></div>
					<div>价格：<span class="hong">{$t.LeaseAmount}元</span></div>
				</div>
			</div>
			<!--详细介绍-->
			<div class="shop-5">
				<h3>|&nbsp;详细介绍</h3>
			</div>
			<!--介绍内容-->
			<div class="da-3">
				<div class="da-3-1">{$t.Remark|default="商家未填写此项"}</div>
			</div>
			<!--更多产品-->
			<!--<div class="shop-5">
				<h3>|&nbsp;更多产品</h3>
			</div>-->
			<!--产品内容-->
			<!--<div class="swiper-container swiper-container-horizontal" style="margin-bottom: 60px;background-color: #FFFFFF;">
				<div class="swiper-wrapper" style="padding: 10px 20px;">
					<div class="swiper-slide swiper-slide-active" style="width: 86.6667px; margin-right: 30px;"><img src="img/da-3.png" width="100%" />
						<p class="da-4-p">提供杀虫剂</p>
					</div>
					<div class="swiper-slide swiper-slide-next" style="width: 86.6667px; margin-right: 30px;"><img src="img/da-3.png" width="100%" />
						<p class="da-4-p">提供杀虫剂</p>
					</div>
					<div class="swiper-slide" style="width: 86.6667px; margin-right: 30px;"><img src="img/da-3.png" width="100%" />
						<p class="da-4-p">提供杀虫剂</p>
					</div>
					<div class="swiper-slide" style="width: 86.6667px; margin-right: 30px;"><img src="img/da-3.png" width="100%" />
						<p class="da-4-p">提供杀虫剂</p>
					</div>
					<div class="swiper-slide" style="width: 86.6667px; margin-right: 30px;"><img src="img/da-3.png" width="100%" />
						<p class="da-4-p">提供杀虫剂</p>
					</div>
					<div class="swiper-slide" style="width: 86.6667px; margin-right: 30px;"><img src="img/da-3.png" width="100%" />
						<p class="da-4-p">提供杀虫剂</p>
					</div>
				</div>
				&lt;!&ndash; Add Pagination &ndash;&gt;
			</div>-->
			<br />
			<br />
			<br />
			<script>
				var swiper = new Swiper('.swiper-container', {
					pagination: '.swiper-pagination',
					slidesPerView: 3,
					paginationClickable: true,
					spaceBetween: 14,
				});
			</script>
			<!--底部按钮-->
			<div class="da-5">
				<a href="{:url('my/im')}" class="da-5-1">在线沟通</a>
				<a href="tel:{$t.Mobile}" class="da-5-2">电话咨询</a>
			</div>
		</div>
	</body>

</html>